<!--
 * @Description: 
 * @Author: lijiajin
 * @Date: 2020-07-06 09:04:53
 * @LastEditTime: 2020-07-10 08:49:56
 * @LastEditors: lijiajin
 -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="format-detection" content="telephone=no,email=no,address=no">
    <title>客服设置</title>
    <link rel="stylesheet" href="./icon/iconfont.css">
    <link rel="stylesheet" href="./plugins/layui/css/layui.css">
    <link rel="stylesheet" href="./css/nanoscroller.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/style.css">
    <script src="./js/JQuery2.1.4.js"></script>
    <script src="./plugins/layui/layui.js"></script>
    <script src="./js/spin.min.js"></script>
    <script src="./js/loading.js"></script>

</head>

<body>
<div class="wrap-box wrap-setting-kefu">
    <p class="title-h1">客服设置</p>
    <div class="content-scroll-box content-scroll-box-border nano">
        <ul class="inside-page-top-exchange2">
            <li class="active"><a href="./setting-kefu-set.html">客服设置</a></li>
            <li><a href="./setting-kefu-account.html">客服账号</a></li>
        </ul>
        <form class="content-scroll content-scroll2  nano-content ajax-form" onsubmit="return false;" action="">

            <div class="item-box no-pdt">
                <p class="item-title fl mgr30">是否开启</p>
                <div class="item turn-btn-div fl">
                    <a href="javascript:;" class="icon iconfont iconkaiguananniu-kai">
                        <input type="checkbox" name="aa" class="turn-btn-input" checked="">
                    </a>
                </div>
                <div class="clear"></div>
            </div>
            <div class="item-box item-box-color">
                <p class="item-title fl mgr30" style="min-width: 56px;text-align: right;">颜色</p>
                <div class="item fl">
                    <div class="layui-input-inline">
                        <input type="text"
                               value="#3fb1e1"
                               placeholder="请选择颜色"
                               class="layui-input check-input"
                               data-empty="请选择颜色"
                               id="kefu-color-input">
                    </div>
                    <div class="layui-inline color-box">
                        <div id="color-select-form"></div>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
            <div class="item-box">
                <p class="item-title fl mgr30">选择样式</p>
                <div class="item fl">
                    <div class="radio-box-div">
                        <a href="javascript;:" class="icon iconfont icondanxuanxuanzhong">
                            <input class="radiobox-input" type="radio" name="radio" value="1" checked="">
                        </a>
                        <br/>
                        <br/>
                        <img src="./images/kefu_style1.png"/>
                    </div>
                    <div class="radio-box-div">
                        <a href="javascript;:" class="icon iconfont icondanxuanxuanzhong-copy">
                            <input class="radiobox-input" type="radio" name="radio" value="2">
                        </a>
                        <br/>
                        <br/>
                        <img src="./images/kefu_style2.png"/>
                    </div>
                    <div class="radio-box-div">
                        <a href="javascript;:" class="icon iconfont icondanxuanxuanzhong-copy">
                            <input class="radiobox-input" type="radio" name="radio" value="3">
                        </a>
                        <br/>
                        <br/>
                        <img src="./images/kefu_style3.png"/>
                    </div>
                    <div class="radio-box-div">
                        <a href="javascript;:" class="icon iconfont icondanxuanxuanzhong-copy">
                            <input class="radiobox-input" type="radio" name="radio" value="4">
                        </a>
                        <span class="text">（图标原色，颜色不可自定义）</span>
                        <br/>
                        <br/>
                        <img src="./images/kefu_style4.png"/>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
            <div class="item-box item-btn">
                <div class="item">
                    <button type="button" class="layui-btn ajax-form-commit">保存</button>
                </div>
            </div>
        </form>
    </div>
</div>

<script src="./js/echarts.min.js"></script>
<script src="./js/jquery.nanoscroller.js"></script>
<script src="./js/check.js"></script>
<script src="./js/common.js"></script>
<script src="./js/form-commit.js"></script>
<script>
    layui.use('colorpicker', function(){
        var $ = layui.$
            ,colorpicker = layui.colorpicker;
        colorpicker.render({
            elem: '#color-select-form'
            ,color: '#3fb1e1'
            ,done: function(color){
                $('#kefu-color-input').val(color);
            }
        });
    })
</script>
</body>

</html>